<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Mashura HTML Template | Blog Classic</title>
<!-- Stylesheets -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">

<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
<link rel="icon" href="images/favicon.png" type="image/x-icon">

<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&family=Work+Sans:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">

<!-- Responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

<!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script><![endif]-->
<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->
</head>

<body>

<div class="page-wrapper">
 	
    <!-- Preloader -->
    <div class="preloader"></div>
 	
    <!-- Main Header-->
    <header class="main-header header-style-two">
		
		<!-- Header Upper -->
        <div class="header-upper">
        	<div class="auto-container">
            	<div class="clearfix">
                	
                	<div class="pull-left logo-box">
                    	<div class="logo"><a href="index.html"><img src="images/logo-2.png" alt="" title=""></a></div>
                    </div>
                   	
                   	<div class="nav-outer clearfix">
						<!--Mobile Navigation Toggler-->
                        <div class="mobile-nav-toggler"><span class="icon fa fa-ellipsis-h"></span></div>
						<!-- Main Menu -->
						<nav class="main-menu show navbar-expand-md">
							<div class="navbar-header">
								<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
								</button>
							</div>

							<div class="navbar-collapse collapse clearfix" id="navbarSupportedContent">
								<ul class="navigation clearfix">
									<li class="dropdown"><a href="#">Home</a>
										<ul>
											<li><a href="index.html">Home Page 01</a></li>
											<li><a href="index-2.html">Home Page 02</a></li>
											<li><a href="index-3.html">Home Page 03</a></li>
										</ul>
									</li>
									<li class="dropdown"><a href="#">About Us</a>
										<ul>
											<li><a href="about.html">About Us</a></li>
											<li><a href="team.html">Team</a></li>
											<li><a href="pricing.html">Pricing</a></li>
										</ul>
									</li>
									<li class="current dropdown"><a href="#">Blog</a>
                                        <ul>
                                            <li><a href="blog.html">Our Blog</a></li>
											<li><a href="blog-classic.html">Blog Classic</a></li>
											<li><a href="blog-detail.html">Blog Detail</a></li>
											<li><a href="not-found.html">Not Found</a></li>
                                        </ul>
                                    </li>
									<li class="dropdown"><a href="#">Portfolio</a>
                                        <ul>
                                            <li><a href="portfolio.html">Portfolio 01</a></li>
                                            <li><a href="portfolio-two.html">Portfolio 02</a></li>
											<li><a href="portfolio-three.html">Portfolio 03</a></li>
											<li><a href="portfolio-four.html">Portfolio 04</a></li>
											<li><a href="portfolio-detail.html">Portfolio Detail</a></li>
                                        </ul>
                                    </li>
									<li><a href="contact.html">Contact Us</a></li>
								</ul>
							</div>
							
						</nav>
						
					</div>
                   
                </div>
            </div>
        </div>
        <!-- End Header Upper -->
        
		<!-- Mobile Menu  -->
        <div class="mobile-menu">
            <div class="menu-backdrop"></div>
            
            <!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header-->
            <nav class="menu-box">
				<div class="pull-left logo-box">
					<div class="logo"><a href="index.html"><img src="images/logo-2.png" alt="" title="Bootcamp"></a></div>
				</div>
				<div class="close-btn"><span class="icon flaticon-multiply"></span></div>
            	<div class="menu-outer"><!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header--></div>
				
				<!-- Mobile Menu Info -->
				<div class="mobile-menu-info">
					<div class="phone"><span class="icon flaticon-smartphone"></span><a href="tel:+(1)-469-700800">+(1) 469 700800</a></div>
					<div class="text">E.  mashura [at] my-domain.ie A.  36 Belfast Lane, Newyork 26033</div>
				</div>
				
				<!-- Newsletter Form -->
				<div class="newsletter-form">
					<form method="post" action="contact.html">
						<div class="form-group">
							<input type="email" name="email" value="" autocomplete="off" placeholder="Newsletter" required>
							<button type="submit" class="theme-btn fa fa-envelope"></button>
						</div>
					</form>
				</div>
				
            </nav>
			
        </div><!-- End Mobile Menu -->
		
    </header>
    <!-- End Main Header -->
	
	<!-- Page Title Section -->
    <section class="page-title-section style-two" style="background-image:url(images/background/1.jpg)">
		<div class="auto-container">
			<div class="content">
				<h1>Journal</h1>
				<div class="text">Freelance Ui/UX Designer With over 15 years of experience</div>
			</div>
		</div>
	</section>
	<!-- End Page Title Section -->
	
	<!-- Sidebar Page Container -->
    <div class="sidebar-page-container">
    	<div class="auto-container">
        	<div class="row clearfix">
				
				<!-- Content Side -->
                <div class="content-side col-lg-9 col-md-12 col-sm-12">
                	<div class="blog-classic">
						
						<!-- News Block Two -->
						<div class="news-block-two">
							<div class="inner-box">
								<div class="image">
									<a href="blog-detail.html"><img src="images/resource/news-10.jpg" alt="" /></a>
								</div>
								<div class="lower-content">
									<div class="author-image"><img src="images/resource/author-2.jpg" alt="" /></div>
									<ul class="post-meta">
										<li>By <span class="theme_color">Admin</span></li>
										<li>March 28, 2020</li>
										<li><span class="icon fa fa-heart-o"></span> 98</li>
									</ul>
									<h2><a href="blog-detail.html">Best Tips For Freelance Your Career</a></h2>
									<div class="text">Consectetur adipisicing elit, sed do eiusmod tempor incididunt labore magna aliqua. Utas enim ad minim veniamh quis nostrud exercitation ullamco laboris nisiut aliquip duis aute irure dolor in reprehenderit ina voluptate velit esse sed cillum dolore aulys fugiat nulla pariatur ...</div>
									<a class="theme-btn btn-style-three" href="blog-detail.html"><span class="txt">\\  read more</span></a>
								</div>
							</div>
						</div>
						
						<!-- News Block Two -->
						<div class="news-block-two">
							<div class="inner-box">
								<div class="image">
									<a href="blog-detail.html"><img src="images/resource/news-11.jpg" alt="" /></a>
								</div>
								<div class="lower-content">
									<div class="author-image"><img src="images/resource/author-2.jpg" alt="" /></div>
									<ul class="post-meta">
										<li>By <span class="theme_color">Admin</span></li>
										<li>March 28, 2020</li>
										<li><span class="icon fa fa-heart-o"></span> 98</li>
									</ul>
									<h2><a href="blog-detail.html">Best Tips For Freelance Your Career</a></h2>
									<div class="text">Consectetur adipisicing elit, sed do eiusmod tempor incididunt labore magna aliqua. Utas enim ad minim veniamh quis nostrud exercitation ullamco laboris nisiut aliquip duis aute irure dolor in reprehenderit ina voluptate velit esse sed cillum dolore aulys fugiat nulla pariatur ...</div>
									<a class="theme-btn btn-style-three" href="blog-detail.html"><span class="txt">\\  read more</span></a>
								</div>
							</div>
						</div>
						
						<!-- News Block Three -->
						<div class="news-block-three">
							<div class="inner-box">
								<ul class="post-meta">
									<li>By <span class="theme_color">Admin</span></li>
									<li>March 28, 2020</li>
									<li><span class="icon fa fa-heart-o"></span> 98</li>
								</ul>
								<h2><a href="blog-detail.html">Excepteur sint ocaecat cupidatat non proident sunt in culpa qui officia.</a></h2>
								<div class="quote-icon"><img src="images/icons/quote-1.png" alt="" /></div>
							</div>
						</div>
						
						<!-- News Block Two -->
						<div class="news-block-two">
							<div class="inner-box">
								<div class="image">
									<img src="images/resource/news-12.jpg" alt="" />
									<a href="https://www.youtube.com/watch?v=kxPCFljwJws" class="lightbox-image overlay-box"><span class="icon flaticon-play-arrow"><i class="ripple"></i></span></a>
								</div>
								<div class="lower-content">
									<div class="author-image"><img src="images/resource/author-2.jpg" alt="" /></div>
									<ul class="post-meta">
										<li>By <span class="theme_color">Admin</span></li>
										<li>March 28, 2020</li>
										<li><span class="icon fa fa-heart-o"></span> 98</li>
									</ul>
									<h2><a href="blog-detail.html">Best Tips For Freelance Your Career</a></h2>
									<div class="text">Consectetur adipisicing elit, sed do eiusmod tempor incididunt labore magna aliqua. Utas enim ad minim veniamh quis nostrud exercitation ullamco laboris nisiut aliquip duis aute irure dolor in reprehenderit ina voluptate velit esse sed cillum dolore aulys fugiat nulla pariatur ...</div>
									<a class="theme-btn btn-style-three" href="blog-detail.html"><span class="txt">\\  read more</span></a>
								</div>
							</div>
						</div>
						
						<!-- Post Share Options -->
						<div class="styled-pagination text-center">
							<ul class="clearfix">
								<li class="active"><a href="#">1</a></li>
								<li><a href="#">2</a></li>
								<li><a href="#">3</a></li>
							</ul>
						</div>
						
					</div>
				</div>
				
				<!-- Sidebar Side -->
                <div class="sidebar-side col-lg-3 col-md-12 col-sm-12">
                	<aside class="sidebar sticky-top">
						
						<!-- Search -->
						<div class="sidebar-widget search-box">
							<form method="post" action="contact.html">
								<div class="form-group">
									<input type="search" name="search-field" value="" placeholder="keyword ..." required>
									<button type="submit"><span class="icon fa fa-search"></span></button>
								</div>
							</form>
						</div>
						
						<!-- Categories Widget -->
						<div class="sidebar-widget categories-widget">
							<div class="widget-content">
								<div class="sidebar-title">
									<h4>Categories<span class="theme_color">.</span></h4>
								</div>
								<!-- Blog Cat -->
								<ul class="blog-cat">
									<li><a href="#">Photography</a></li>
									<li><a href="#">Development</a></li>
									<li><a href="#">Creativity</a></li>
									<li><a href="#">Freelancing</a></li>
									<li><a href="#">Web Design</a></li>
								</ul>
							</div>
						</div>
						
						<!-- Popular Posts -->
                        <div class="sidebar-widget popular-posts">
							<div class="widget-content">
								<div class="sidebar-title">
									<h4>Recent Posts</h4>
								</div>
								
								<article class="post">
									<figure class="post-thumb"><img src="images/resource/post-thumb-1.jpg" alt=""><a href="blog-detail.html" class="overlay-box"><span class="icon fa fa-link"></span></a></figure>
									<div class="text"><a href="blog-detail.html">Best Tips For The Freelancer Career</a></div>
									<div class="post-info">March 28, 2020</div>
								</article>
								<article class="post">
									<figure class="post-thumb"><img src="images/resource/post-thumb-2.jpg" alt=""><a href="blog-detail.html" class="overlay-box"><span class="icon fa fa-link"></span></a></figure>
									<div class="text"><a href="blog-detail.html">Best Tips For The Freelancer Career</a></div>
									<div class="post-info">March 28, 2020</div>
								</article>
								<article class="post">
									<figure class="post-thumb"><img src="images/resource/post-thumb-3.jpg" alt=""><a href="blog-detail.html" class="overlay-box"><span class="icon fa fa-link"></span></a></figure>
									<div class="text"><a href="blog-detail.html">Best Tips For The Freelancer Career</a></div>
									<div class="post-info">March 28, 2020</div>
								</article>
								
							</div>
						</div>
						
						<!-- Instagram Widget -->
                        <div class="sidebar-widget instagram-widget">
							<div class="widget-content">
								<div class="sidebar-title">
									<h4>Instagram<span class="theme_color">.</span></h4>
								</div>
								<div class="images-outer clearfix">
									<!--Image Box-->
									<figure class="image-box"><a href="images/gallery/1.jpg" class="lightbox-image" data-fancybox="footer-gallery" title="Image Title Here" data-fancybox-group="footer-gallery"><img src="images/gallery/instagram-1.jpg" alt=""></a></figure>
									<!--Image Box-->
									<figure class="image-box"><a href="images/gallery/2.jpg" class="lightbox-image" data-fancybox="footer-gallery" title="Image Title Here" data-fancybox-group="footer-gallery"><img src="images/gallery/instagram-2.jpg" alt=""></a></figure>
									<!--Image Box-->
									<figure class="image-box"><a href="images/gallery/3.jpg" class="lightbox-image" data-fancybox="footer-gallery" title="Image Title Here" data-fancybox-group="footer-gallery"><img src="images/gallery/instagram-3.jpg" alt=""></a></figure>
									<!--Image Box-->
									<figure class="image-box"><a href="images/gallery/4.jpg" class="lightbox-image" data-fancybox="footer-gallery" title="Image Title Here" data-fancybox-group="footer-gallery"><img src="images/gallery/instagram-4.jpg" alt=""></a></figure>
									<!--Image Box-->
									<figure class="image-box"><a href="images/gallery/5.jpg" class="lightbox-image" data-fancybox="footer-gallery" title="Image Title Here" data-fancybox-group="footer-gallery"><img src="images/gallery/instagram-5.jpg" alt=""></a></figure>
									<!--Image Box-->
									<figure class="image-box"><a href="images/gallery/6.jpg" class="lightbox-image" data-fancybox="footer-gallery" title="Image Title Here" data-fancybox-group="footer-gallery"><img src="images/gallery/instagram-6.jpg" alt=""></a></figure>
								</div>
							</div>
						</div>
						
						<!-- Tags -->
                        <div class="sidebar-widget popular-tags">
							<div class="widget-content">
								<div class="sidebar-title">
									<h4>Recent Tags<span class="theme_color">.</span></h4>
								</div>
								<a href="#">Branding</a>
								<a href="#">Web Design</a>
								<a href="#">Development</a>
								<a href="#">SEO</a>
								<a href="#">Planning</a>
								<a href="#">IT Solutions</a>
								<a href="#">Fashion</a>
								<a href="#">Startup</a>
							</div>
						</div>
						
					</aside>
				</div>
				
			</div>
		</div>
	</div>
	
	<!-- Main Footer -->
    <footer class="main-footer">
		<div class="auto-container">
			<div class="row clearfix">
				
				<!-- Logo Column -->
				<div class="left-column col-lg-6 col-md-12 col-sm-12">
					<div class="inner-column">
						<div class="logo">
							<a href="index.html"><img src="images/logo.png" alt="" /></a>
						</div>
						<div class="copy">© 2020</div>
						
						<!-- Newsletter Form -->
						<div class="newsletter-form-two">
							<form method="post" action="contact.html">
								<div class="form-group">
									<input type="email" name="email" value="" autocomplete="off" placeholder="Subscribe Newsletter" required>
									<button type="submit" class="theme-btn fa fa-envelope"></button>
								</div>
							</form>
						</div>
						
					</div>
				</div>
				
				<!-- Info Column -->
				<div class="right-column col-lg-6 col-md-12 col-sm-12">
					<div class="inner-column">
						<!-- Mobile Menu Info -->
						<div class="mobile-menu-info clearfix">
							<div class="phone"><span class="icon flaticon-smartphone"></span><a href="tel:+(1)-469-700800">+(1) 469 700800</a></div>
							<div class="text">E.  mashura [at] my-domain.ie A.  36 Belfast Lane, Newyork 26033</div>
						</div>
					</div>
				</div>
				
			</div>
		</div>
	</footer>
	<!-- End Main Footer -->
	
</div>
<!--End pagewrapper-->

<!--Scroll to top-->
<div class="scroll-to-top scroll-to-target" data-target="html"><span class="fa fa-arrow-circle-up"></span></div>

<script src="js/jquery.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/jquery.scrollTo.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="js/jquery.fancybox.js"></script>
<script src="js/appear.js"></script>
<script src="js/swiper.min.js"></script>
<script src="js/isotope.js"></script>
<script src="js/element-in-view.js"></script>
<script src="js/jquery.paroller.min.js"></script>
<script src="js/parallax.min.js"></script>
<script src="js/validate.js"></script>
<script src="js/tilt.jquery.min.js"></script>
<!--Master Slider-->
<script src="js/jquery.easing.min.js"></script>
<script src="js/owl.js"></script>
<script src="js/wow.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/script.js"></script>

</body>
</html>